<%--
  Created by IntelliJ IDEA.
  User: MondaDev01
  Date: 2017/7/7
  Time: 17:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>- 后台管理系统 -</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">   <%-- 在IE运行最新的渲染模式 --%>
    <meta name="viewport" content="width=device-width, initial-scale=1">   <%-- 初始化移动浏览显示 --%>
    <meta name="Author" content="Dreamer-1.">

    <!-- 引入各种CSS样式表 -->
    <link rel="stylesheet" href="/assets/css/bootstrap.css">
    <link rel="stylesheet" href="/assets/css/font-awesome.css">
    <link rel="stylesheet" href="/assets/css/index.css">	<!-- 修改自Bootstrap官方Demon，你可以按自己的喜好制定CSS样式 -->
    <link rel="stylesheet" href="/assets/css/font-change.css">	<!-- 将默认字体从宋体换成微软雅黑（个人比较喜欢微软雅黑，移动端和桌面端显示效果比较接近） -->

    <script type="text/javascript" src="/assets/js/jquery-1.12.3.min.js"></script>

    <script type="text/javascript" src="/assets/js/jquery.js"></script>
    <script type="text/javascript" src="/assets/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/assets/js/user/user.js"></script>
    <script src="/assets/js/global.js"></script>


    <%--<script type="text/javascript" src="/assets/static/js/v1/third/plug/layer/layer.js"></script>--%>
    <script type="text/javascript" src="/assets/static/js/v1/third/plug/jBox/jquery.jBox.min.js"></script>
    <script type="text/javascript" src="/assets/static/js/v1/sys/jquery/jquery.validationEngine-zh_CN.js"></script>
    <script type="text/javascript" src="/assets/static/js/v1/sys/jquery/jquery.validationEngine.js"></script>
    <script type="text/javascript" src="/assets/static/js/v1/third/plug/jBox/jquery.jBox.js"></script>
    <script type="text/javascript" src="/assets/static/js/v1/third/plug/kindeditor-4.1.9/kindeditor.js"></script>
    <script type="text/javascript" src="/assets/static/js/v1/third/plug/kindeditor-4.1.9/lang/zh_CN.js"></script>

    <script type="text/javascript" src="/assets/jquery/showdate.js"></script>
    <link href="/assets/css/cdcss/reset.css" rel="stylesheet" type="text/css">
    <link href="/assets/css/cdcss/index.css" rel="stylesheet" type="text/css">
    <script src="/assets/js/cdjs/jquery-1.7.2.min.js"></script>
    <script src="/assets/js/cdjs/jquery.movebg.js"></script>

    <style>
        table tr th{align : center}
    </style>
</head>

<body>


<!-- 代码 开始 -->
<div class="wraper">
    <div class="nav">
        <ul>
            <li class="nav-item"><a target="_blank" onclick="showAtRight('/sys/administrators/list')">网站首页</a></li>

            <li class="nav-item"><a target="_blank" onclick="showAtRight('/sys/room/list')">网站首页</a></li>

            <li class="nav-item"><a target="_blank" onclick="showAtRight('/sys/room/list')">网站首页</a></li>

            <li class="nav-item"><a target="_blank" onclick="showAtRight('/sys/room/list')">网站首页</a></li>

        </ul>
        <!--移动的滑动-->
        <div class="move-bg"></div>
        <!--移动的滑动 end-->
    </div>
</div>
<script>
    $(function(){
        $(".nav").movebg({width:120/*滑块的大小*/,extra:40/*额外反弹的距离*/,speed:300/*滑块移动的速度*/,rebound_speed:400/*滑块反弹的速度*/});
    })
</script>


<div ></div>


<!-- 右侧内容展示==================================================   -->
<div class="col-sm-9 col-sm-offset-3 col-md-11 col-md-offset-1 main">
    <!-- 载入左侧菜单指向的jsp（或html等）页面内容 -->
    <div id="htmlContainer">

        <h4>
            <strong>使用指南：</strong><br>
            <br><br>默认页面内容……
        </h4>

    </div>
</div>


<script type="text/javascript">


    var showAtRight = function (url) {
        $.ajax({
            url:url,
            success:function (html) {
                $("#htmlContainer").html(html);
            }
        });
    };
</script>

</body>
</html>